<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 300px;
				line-height: 300px;
				background: red;
				text-align: center;
				font-size: 35px;
			}
		</style>
	</head>
	<body>
		<div style="width: 300px;line-height: 300px;text-align: center;">1</div>
		
		<script type="text/javascript">
			var div=document.getElementsByTagName("div")[0];
			div.onclick=function(){
				var w=this.style.width;
				var h=this.style.lineHeight;
				
				this.style.width=parseInt(w)+100+"px";
				this.style.lineHeight=parseInt(h)+100+"px";
			}
		</script>
	</body>
</html>
